<?php include '_header.html';?>
<script src="/styles/izhu/js/jquery.touchslider.js?v=<?=JS_CSS_VERSION;?>"></script>

<div class="box">
    <div class="d_nav" >
        <a href="<?=$str_back_url;?>" class="d_nav_left" >返回</a>
        <span class="d_nav_c">应用详情</span>
    </div>
    <div class="ligt"></div>
    <ul>
        <?php include 'app_list_content.html';?>
    </ul>
    
<div class="clr"></div>

<div class="detail">
    <div class="ligt"></div>
    <h5>内容简介</h5>
    <p class="detaile_p"><?=$arr_detail['CONTENT'];?></p>
    <input type="button" class="open" />
    <input type="button" class="close" />
    <div class="clr"></div>
    </div>
    
    <div class="ligt"></div>
    <div class="d_img">
        <div class="d_img_c" id='touchslider'>
            <ol class="touchslider-viewport" style="position:relative;">
                <?php foreach( $arr_imgs['iPhone'] as $key=>$val ) { ?>
                    <li class=" <?php if( $key == 0 ){echo 'crt';}?> touchslider-item">
                        <p style="background-image: url(<?=(! strstr($val, 'http') ? 'http://' . App::get_cdn_url() . $val : $val);?>);background-repeat: no-repeat;background-size:502px 756px;-webkit-background-size:502px 756px; position: relative; width:502px; height:756px;"></p>
                    </li>
                <?php } ?>
            </ol>
            <ul>
                <li class="touch_left"></li>
                <?php foreach($arr_imgs['iPhone'] as $key=>$val ){ ?>
                    <li class="touchslider-nav-item <?php if( $key == 0 ) {echo 'touchslider-nav-item-current';}?> touchslider-item"></li>
                <?php }?>
                <li class="touch_right"></li>
            </ul>
        </div>
    </div>
    <div class="ligt"></div>
    <div class="support">
        <h4>支&nbsp;&nbsp;持</h4>
        <p>与iPhone<?php if( $arr_detail['SUP_IPAD'] ==1 ) echo '|iPad';?>兼容<br />需要IOS<?=$arr_detail['MINIMUM_OS_VERSION'];?>及更高版本</p>
        <div class="clr"></div>
        <a  href="itms-services://?action=download-manifest&url=<?=$arr_detail['PLIST_URL'];?>" class="stat_down support_btn"></a>
    </div>
</div>

<script type='text/javascript'>
//展开与闭合
$(function() {

    $('.open').click(function(){
        $('.detaile_p').animate({height:'100%'}, 200);
        $(this).hide();
        $('.close').show();
    });
    
    $('.close').click(function(){
        $('.detaile_p').animate({height:'160px'}, 200);
        $(this).hide();
        $('.open').show();
    });
    
    //焦点切换
    $('#touchslider').touchSlider({mouseTouch: true});
});
</script>
</body>
</html>